import { createRouter, createWebHistory ,createWebHashHistory} from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'login',
    component: () => import('@/views/login.vue')
  },
  {
    path: '/todos',
    name: 'todos',
    component: () => import( '@/views/todos.vue')
  },
  {
    path: '/date',
    name: 'date',
    component: () => import( '@/views/date.vue')
  },
  {
    path: '/data',
    name: 'data',
    component: () => import( '@/views/data.vue')
  },
  {
    path: '/computed',
    name: 'computed',
    component: () => import( '@/views/computed.vue')
  },
  {
    path: '/render',
    name: 'render',
    component: () => import( '@/views/render.vue')
  },
  {
    path: '/error',
    name: 'error',
    component: () => import( '@/views/errorCaptured1.vue')
  },
  {
    path: '/watch',
    name: 'watch',
    component: () => import( '@/views/watch.vue')
  },

]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
